<div class="demo-container">
  <div class="demo-example">
    <div class="demo-title">基本用法</div>
    <div class="demo-text">
      通过 source 设置数据源
    </div>
    <d-codebox [sourceData]="editableSelectDemoBasic">
      <d-editable-select-demo-with-source demo></d-editable-select-demo-with-source>
    </d-codebox>
  </div>
  <div class="demo-example">
    <div class="demo-title">自定义匹配方法</div>
    <div class="demo-text">
      通过 searchFn 自定义数据匹配方法
    </div>
    <d-codebox [sourceData]="editableSelectDemoSearchFn">
        <d-editable-select-demo-with-search-function demo></d-editable-select-demo-with-search-function>
    </d-codebox>
  </div>
  <div class="demo-example">
    <div class="demo-title">异步获取数据源并设置匹配方法</div>
    <div class="demo-text">
        支持异步设置数据源并设置匹配方法
    </div>
    <d-codebox [sourceData]="editableSelectDemoAsyncDataSearchFn">
        <d-editable-select-demo-async-data-with-function demo></d-editable-select-demo-async-data-with-function>
    </d-codebox>
  </div>
</div>
